<template>
	<div class="indexPerson_container">
		<div class="Xiangce_top">
				<router-link to="../wode/">
					<img class="Xc_arrow" src="../../assets/images/left.png" alt="" />
				</router-link>
				<img  class="Huang" src="../../assets/images/2-1.png" />
				<p>卑鄙的我</p>
				<h6><a href="#">关注&nbsp;12</a><a href="#">粉丝&nbsp;25</a></h6>
				<img class="Qianbi" src="../../assets/images/2-5.png" />
			</div>
			<div class="Xiangce_con">
				<ul>
					<li  class="active">
						<router-link :to="{path:'/dongtai'}">动态</router-link>
					</li>
					<li>
						<router-link :to="{path:'/xiangce'}">相册</router-link>
					</li>
					<li>
						<router-link :to="{path:'/guanzhu'}">关注</router-link>
					</li>
					<li>
						<router-link :to="{path:'/fensi'}">粉丝</router-link>
					</li>
				</ul>
			</div>
		<div class="indexPerson_con">
			<div class="indexPerson_con_top">
				<router-link class="dongtai" tag="p" :to="{path:'/indexTalk'}">全部动态（456）</router-link>
			</div>
			<div class="indexPerson_con_list clearfix">
				<h3>卑鄙的我</h3>
				<span class="time">2-22</span>
				<span class="like">656</span>
				<p class="title">评论话题</p>
				<p class="content">保时捷老总现身众泰展台：笑容不可描述！太辣眼睛了</p>
				<div class="description">
					<p>2017上海国际车展</p>
					<p>保时捷老总现身众泰展台：笑容不可描述！太辣眼睛了</p>
				</div>
			</div>
			<div class="indexPerson_con_list clearfix">
				<h3>卑鄙的我</h3>
				<span class="time">2-22</span>
				<span class="like">656</span>
				<p class="title">评论话题</p>
				<p class="content">保时捷老总现身众泰展台：笑容不可描述！太辣眼睛了</p>
				<div class="description">
					<p>2017上海国际车展</p>
					<p>保时捷老总现身众泰展台：笑容不可描述！太辣眼睛了</p>
				</div>
			</div>
		</div>
		
	</div>
	
</template>

<script>
export default {
	name:"dongtai",
	data(){
		return{
			
		}
	}

}
	
</script>

<style scoped lang="less">
.indexPerson_container{
	width: 750/75rem;
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	.Xiangce_top {
		width: 100%;
		height: 500/75rem;
		background: url('../../assets/images/bghui.jpg');
		position: relative;
		.Xc_arrow{
			position: absolute;
			top: 28/75rem;
			left: 15/75rem;
		}
		.Huang {
			width: 202/75rem;
			height: 202/75rem;
			margin-top: 44/75rem;
			margin-left: 274/75rem;
			margin-bottom: 32/75rem;
		}
		.Qianbi {
			width: 198/75rem;
			height: 45/75rem;
			margin-left: 272/75rem;
			margin-top: 22/75rem;
			border-radius: 30/75rem;
		}
		p {
			text-align: center;
			font-size: 32/75rem;
			color: #000;
			font-weight: 700;
			margin-bottom: 22/75rem;
		}
		h6 {
			font-size: 23/75rem;
			text-align: center;
			a:first-child {
				margin-right: 75/75rem;
			}
		}
	}
	.Xiangce_con {
		height:75/75rem;
		background: #fff;
		ul {
			overflow: hidden;
			li {
				font-size: 35/75rem;
				float: left;
				margin-left: 52/75rem;
				margin-right: 45/75rem;
				height:75/75rem;
				line-height:75/75rem;
				width:90/75rem;
				text-align:center;
			}
			.active{
				border-bottom:5/75rem solid #5583c1;
				height:70/75rem;
				line-height:70/75rem;
				a{
					color:#5583c1;
				}
			}
		}
	}
	.indexPerson_con{
		.indexPerson_con_top{
			background: #aaa;
			.dongtai{
				font-size: 20/75rem;
				height: 50/75rem;
				line-height: 50/75rem;
			}
		}
		.indexPerson_con_list{
			height: 300/75rem;
			border-bottom: 10/75rem solid #aaa;
			padding: 30/75rem 0;
			overflow: hidden;
			h3{
				font-size: 30/75rem;
			}
			.time{
				font-size: 20/75rem;
			}
			.like{
				display: inline-block;
				font-size: 20/75rem;
				height: 50/75rem;
				line-height: 50/75rem;
				padding-left: 50/75rem;
				float: right;
				background: url('../../assets/images/zan.jpg') 15/75rem 10/75rem no-repeat;
				
			}
			.title{
				font-size: 30/75rem;
				margin: 10/75rem 0;
			}
			.content{
				font-size: 30/75rem;
			}
			.description{
				margin-top:20/75rem;
				height: 160/75rem;
				background-size: 160/75rem 160/75rem;
				background: url('../../assets/images/dq_home_bigicon2.jpg') #aaa no-repeat;
				p{
					font-size: 30/75rem;
					margin-left: 180/75rem;
					padding-top:20/75rem;
				}

			}

		}
	}
}


	
</style>